<template>
    <div class="myOrder">
        <div class="myTop clearfix">
            <div class="order left">我的订单</div>
            <div class="allOrder right">全部订单 ></div>
        </div>
        <div class="myBottom flex">
            <div class="waitPay flex-item">
                <img src="../../assets/images/my/wpay.png" alt="">
                <div class="payText">待支付</div>
            </div>
            <div class="waitShip flex-item">
                <img src="../../assets/images/my/wship.png" alt="">           
                <div class="payText">待发货</div>
            </div>
            <div class="waitReceive flex-item">
                <img src="../../assets/images/my/wreceive.png" alt="">
                <div class="payText">待收货</div>
            </div>
            <div class="waitComment flex-item">
                <img src="../../assets/images/my/wcomment.png" alt="">
                <div class="payText">待评价</div>
            </div>
        </div>
    </div>
</template>


<script>
export default {
    data(){
        return{

        }
    }
}
</script>


<style lang="less">
.myOrder{
    width: 100%;
    height: 1.8rem;
    background-color: #ffffff;
    padding-bottom: 0.25rem;
    // border:1px solid blue;
    .myTop{
       padding-top: 0.2rem;
       width: 100%;
       height: 0.6rem;
    //    border: 1px solid red;

       .order{
           margin-left: 0.3rem;
           font-size: 0.24rem;
           color: #242424;
       }
       .allOrder{
           margin-right:0.3rem;
           font-size: 0.18rem;
           color: #666666;

       }
    }
    .myBottom{
        margin-top: 0.1rem;
        text-align: center;
        img{
            width:0.7rem;
            height: 0.5rem;
        }
        .waitPay,.waitShip,.waitReceive{
            // border: 1px solid blue;
            margin-left: 0.1rem;
        }
        .waitComment{
            // border: 1px solid greenyellow;
            margin-right: 0.1rem;
            margin-left: 0.1rem;
        }
        .payText{
            width: 100%;
            text-align: center;
            margin-top: 0.1rem;
            font-size: 0.24rem;
            color: #242424;
        }
    }

}
    
</style>